@import "./mixin.styl"

html
    height 100%

body
    height 100%

.page-container
    min-height 70%

.page.page-not-found
    padding 64px
    text-align center
    font-size 28px
    color cWeakTextColor
    letter-spacing 2px

.site-header
    hh(siteHeaderHeight)
    fixed(0, 0, auto, 0)
    z-index 100
    background #fff
    box-shadow 0 2px 13px cBoxShadow

    .logo
        display inline-block
        width 22px
        height 20px
        vertical-align middle
        margin-right 20px
        background url(../img/logo-blue.png) no-repeat center center
        background-size 100% 100%

    .site-name
        font-size 14px
        vertical-align middle
        color cText

    .menu
        font-size 14px
        vertical-align middle
        color cText
    .drop-menu
        absolute(0, 0, auto, auto)
        z-index 10
        display none

        .transparent
            height siteHeaderHeight
            background transparent

        .menus
            padding 8px 0
            box-shadow 0 2px 4px #d8d8d8
            border-radius 0 0 2px 2px
            background #fff

        a.mi
            display block
            box-sizing border-box
            width 146px
            hh(32px)
            padding-left 14px
            text-decoration none
            color cMainText
            font-size 12px
            text-align left
            .iconfont
                padding-right 10px
                hh(32px)
            &:hover
                background cWeakWhite
        .border-bottom
            border-bottom 1px solid #4c4c66
            border-bottom-color rgba(76,76,102,.2) 

